import {memo, useState} from "react";

//普通的函数里面不能使用hook
//但是在自定义的hooks中，可以使用react提供的其它hooks： 必须使用use开头
function useFoo() {
  const [ message ] = useState('hello world');
  return message;
}

function CounterFunc(props) {
  const message= useFoo();
  //1. hooks必须在函数的最顶层
  //2. 只能在React的函数组件中调用hook，不要在其它JavaScript函数中调用（自定义hooks除外）
  const [counter, setCounter] = useState(100);
  return (
      <div>
        <h2>当前计数：{counter}</h2>
        <button onClick={() => setCounter(counter + 1)}>+1</button>
        <button onClick={() => setCounter(counter - 1)}>-1</button>
      </div>
  )
}

export default memo(CounterFunc)